<template>
<div class='main'>
    <div class='head'>
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{path:'/'}">系统设置</el-breadcrumb-item>
          <el-breadcrumb-item :to="{path:'/'}">区域管理</el-breadcrumb-item>
          <el-breadcrumb-item :to="{path:'/'}">基地信息</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class='content'>
        <div class='title'>新增基地信息</div>
       <el-form ref="form" :model="form" label-width="160px" style='width:80%;margin:auto;'>
            <el-form-item label="基地名称">
              <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
            <el-form-item label="基地面积">
              <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
                  <el-form-item label="基地位置">
              <el-row>
                  <el-col :span="8"><el-select v-model="form.pr" style='width:80%;'></el-select></el-col>
                  <el-col :span="8"><el-select v-model="form.cit" style='width:80%;' ></el-select></el-col>
                  <el-col :span="8"><el-select v-model="form.cou" style='width:80%;' ></el-select></el-col>
              </el-row>
               <el-row style='margin:5px 0px;'>
                  <el-col :span="24"><el-input v-model="form.address" ></el-input></el-col>
              </el-row>
          </el-form-item>  
        <el-form-item>
           <el-button @click="onSubmit" type='primary'>确定</el-button>
           <el-button @click='onCancel'>取消</el-button>
          </el-form-item> 
        </el-form>
    </div>
</div>
</template>
<script>
  export default {
    name: 'baseInfo',
    data() {
      return {
        form: {
        },
      }
    },
   beforeRouteEnter (to, from, next) {
      next(vm =>{
      })
   },   
    methods: {
      onSubmit() {
        console.log(this.form);
      },
      onCancel() {
        this.$router.go(-1)
    }
    }
    
  }
</script>
<style lang="scss">
.main{
padding: 10px 20px;
}
.title{
    font-size: 20px;
    font-weight: 600;
    margin: 10px;
}
</style>